@CHARSET "utf-8";
/* reset */
html, body, ul, ol, li, dl, dd, p, fieldset, h1, h2, h3, h4, h5, h6, address {margin:0; padding:0;}

body {font-family:'Malgun Gothic', dotum, Helvetica, sans-serif, AppleGothic; color:#333; font-size:1em; line-height:1.3;}
img {border:none; /*vertical-align:top;*/ font-size:0; line-height:0;}
form {margin:0px; padding:0px;}
fieldset {display:block; margin:0; padding:0; border:none;}
ul, ol, li {list-style:none;}
table {table-layout:fixed; border-collapse:collapse; width:100%;}
input, select, textarea, button {margin:0; padding:0; min-height:12px; color:#666; font-size:1em; vertical-align:middle;  }
select {height:20px;}
textarea {border:1px solid #d0d0d0; overflow:auto; padding:3px 5px 2px; line-height:18px;}
/*
input.text, input.file {height:18px; border:1px solid #d0d0d0; padding:4px 5px 3px; line-height:1;}
input.radio, input.checkbox {width:14px; height:14px;}
input.radio {margin-top:-2px;}
*/
em {font-style:normal;}
button, label { cursor:pointer; }

/* common */
.hover				{ background-color:#efefef;  }
.r	 { text-align:right !important; }
.c	 { text-align:center !important; }
.left { float:left; }
.right { float:right; }
.both { clear:both; }
.none { display:none; }
.underline { text-decoration:underline; }
.divider { display:block; border:1px solid #eee;  }
.mt1em { margin-top:1em;}
.mb1em { margin-bottom:1em;}

/* skip */
legend {position:absolute; left:-10000px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
caption {visibility:hidden; overflow:hidden; width:0.1%; height:0.1%; font-size:0.1%; line-height:0.1%; text-indent:-10000px;}
hr {display:none;}

/* linkStyle */
a {color:#212121; text-decoration:none; cursor: pointer;}
a:hover, a:active, a:focus {color:#008299; text-decoration:none;}

a.link:hover { text-decoration:underline;}

/* layout */
#wrap {margin:0 auto; height:100%; min-height:100%;}

/* header-top */
#header-top {float:none;width:100%; padding:0.2em 0; text-align:center; background-color:#48689A;  }
#header-nav {width:100%; margin-left:auto;margin-right:auto;text-align:center; background-color:#ECECEC;}
#header-nav li { display:inline-block; width:24.9%; cursor:pointer; border-right:1px solid #C2C2C2; margin-left:-1px; border-bottom:1px solid #c2c2c2; font-size:0.9em; line-height:1.3; }
#header-nav li:hover { background-color:#D4D4D4;  }
#header-nav li.last { border-right:0; }
#header-nav li.on { background-color:#D4D4D4;}
#header-nav li a { display:block; padding:0.9em 0;  font-weight:bold; color:#212121; }
#header-nav li a:hover { color:#333; }

/* category */
.listview li { position:relative; border-bottom:1px solid #ddd;   }
.listview li.group { font-size:0.9em; padding:0.3em 0 0.3em 1em;  background-color:#eee; }
.listview li.first { border-top:1px solid #ddd; }
.listview li a {  font-weight:700;  padding:1em 1em 1em 1.5em; text-decoration:none; display:block; }
.listview li span { position:absolute; top:1em; right:1em; color:#4AD559; }
.listview li.model { padding:1em 0; }
.listview li.model span { position:absolute; right:0; font-weight:bold; }
.listview li.model div.sales_dt { font-size:0.9em; }


/* bookList */
#book_search {  padding:0 0.5em;  }
#book_search div { border-color:#ddd; }
#book_search input {  width:100%; padding-left:1.5em; vertical-align:middle; }
#book_search button { position:absolute; top:0; right:0;
	padding: .5em 1.2em; 
	font-family:'Malgun Gothic', dotum;
	-moz-border-radius-topright:.3125em;
	border-top-right-radius:.3125em;
	-moz-border-radius-bottomright:.3125em;
	border-bottom-right-radius:.3125em;
	background-color:#5776A6;
	color:#fff;
	border:0;
	}
.book_list li h3 { font-weight:300; }
.book_list li { border-top:1px solid #ddd;   }
.book_list li div.image {  position:absolute; left:0.5em; top:0.5em; width:4em; height:5.5em; }
.book_list li div.image img { width:100%; height:100%; }
.book_list li a {  position:relative; padding:0.5em 1em 0.5em 5.2em; text-decoration:none; display:block; min-height:5.4em; color:#333; }
.book_list li a:hover, .book_list li a:visited,  .book_list li a:link { color:#333; }
.book_list li p { color:#777; font-size:0.8em; font-weight:500; line-height:1.3em; }
.book_list li span.star { color:#999; font-size:1em; font-weight:700;}


/* bookDetail */
.content { padding:0.5em; }
.book_title { font-size:1.3em; padding-left:10px; font-weight:700; padding-bottom:0.5em; }
.book_info {  font-size:0.9em; padding-left:10px;  }
.book_info strong { width:100px;  }
.book_info p {  font-size:0.9em; padding-bottom:0.3em; }
.item_title { font-size:0.9em; border-bottom:1px solid #ccc; padding-bottom:4px; vertical-align:bottom }
.item_desc { font-size:0.9em; margin-top:4px; margin-bottom:30px; }
.mt10 { margin-top:10px; }
.mt30 { margin-top:30px; }
.gray { color:#999; }
.price { color:#c1272d; font-weight:700; }
.hidden { display:none; }
.error_message { color:red; font-weight:700; }

#download { display:none;  }
#progressbar { margin-top:1.5em; height:3px; color:#45C03F; width:100%; }
#download_status { float:left; padding-top:0.2em; color:#45C03F; font-size:1em; }
#cancel_button { float:right; padding:0.2em 1em; text-align:center;color:#999; font-size:0.9em; border:1px solid #ddd; background-color:#efefef; }

#review div.rate { text-align:center; font-size:20pt; }
#review div.rate span { padding-left:10px; padding-right:10px; }
#review_list li { font-size:0.9em; padding-top:6px; padding-bottom:6px; border-bottom:1px solid #ddd; }
#review_message { text-align:center; padding:1em; color:#999; font-size:0.9em; }

/* board */
#word_list li { border-bottom:1px solid #ddd;   }
#word_list li a {  font-weight:700;  padding:1em; text-decoration:none; display:block; }
#word_list li p.init_date { font-size:0.8em; font-weight:normal; color:#999; }
#word_info  {}
#word_info h3 { padding:1em 1em 0.5em 1em; border-bottom:1px solid #ddd; }
#word_info p { padding-right:1em; font-size:0.8em; color:#999; padding-top:10px; text-align:right;}
#word_info div { padding:2.5em 1em; }

.pagination { margin-top:29px; text-align:center; }
.pagination span a { display: inline-block; vertical-align: middle; margin-right: 0.2em;}
//.pagination span a {  text-decoration:none; display:inline-block; vertical-align:top;  border:1px solid #ddd; padding:8px 12px 6px 11px; margin-left:-1px; color:#666; }
//.pagination span a:hover, a:visited, a:link { text-decoration:none;  background:#eee; color:#333; }
.pagination span a.active {color:#fff; text-decoration:none; border-color:#333; background:#333;}




.icon-delete {
	background: url(/images/common/ico_delete.png)  no-repeat 0.5em 0.2em;
}
	


/* contents */
#contents {width:100%; margin:0;   }
#contents_list { width:100%; min-height:320px; margin:0; padding-top:0px;  }
#contents h2 { padding-top:1em; padding-left:0.7em; border-bottom:0px solid #ddd; font-size:1.3em; }
#word { padding:1em; }
#qbooks { font-size:1em; padding:1em; }
#qbooks span { display:block;  margin-top:40px; border-bottom:1px solid #ddd; }

/* app */
.app { padding:18px 0px 18px 80px; border-bottom:1px solid #ddd; clear:both; position:inherit; }
.app p {  font-size:0.9em; color:#777; }
.download { position:inherit; padding-top:0.5em; }
#app_qbooks { background:url(../home/images/icon_qbooks.png) no-repeat 0.5em 18px; }
#app_qbook_maker { background:url(../home/images/icon_qbooks.png) no-repeat 0.5em 18px; }
#app_qbook_maker a { display:none; }
#app_qbook_maker label { display:inline; font-size:0.9em; color:red }
#app_qbook_maker .download { position:inherit;  }
#app_qbooks_for_9 { background:url(../home/images/icon_qbooks_for_9.png) no-repeat 0.5em 18px; }
#app_qbooks_for_com2 { background:url(../home/images/icon_qbooks_for_com2.png) no-repeat 0.5em 18px; }

/* qbooks */
#qbooks { font-size:1em; padding-top:10px; padding-left:12px; }
#qbooks span { display:block;  margin-top:40px; border-bottom:1px solid #ddd; }
#qbooks li { list-style:disc; margin:0 0 0 20px;}
#qbooks textarea { width:100%; height:200px; font-size:1.1em; border:1px solid #999; margin-bottom:10px; }
#qbooks a { color:#0000ff; }
#qbooks a:hover { color:#0000ff; text-decoration:underline; }

/* terms */
#terms { font-size:0.9em; padding:10px 12px; }
#terms li { list-style:disc; margin:0 0 0 18px;}

/* board */
.board { padding:12px 0px 12px 12px; border-bottom:1px solid #dddddd; clear:both; position:relative; }
.board p {  font-size:0.9em; color:#777; }
.board a { display:block; }
.detail { position:absolute; top:12px; right:0px; }
.buttons { margin-top:50px; text-align:center; }
#word { padding-top:10px; padding-left:12px; }
#init_date { text-align:right; color:#777; }

/* login */
#login { padding:1em;}
#login input { width:100%; }



/* book */
#book_list { float:left; width:660px; padding-right:40px; }
#category_list { float:left; width:200px; }
.book { padding:18px 0px 18px 10px; border-bottom:1px solid #dddddd; clear:both; position:relative; }
.book img { width:80px; height:120px;}
.book div { position:absolute; top:18px; left:100px;  }
.book p {  color:#777; }

/* table */
.no_result			{ text-align:center; height:100px; }
.table_01			{ width:100%;  border-top:1px #b7b7b7 solid; }
.table_01 th		{ background-color:#f4f4f4; text-align:center;  color:#333; border-bottom:1px #b7b7b7 solid; border-right:1px #b7b7b7 solid; border-left:1px #b7b7b7 solid;}
.table_01 th p		{ padding:8px 0px; }
.table_01 td		{ padding:6px 10px; border-bottom:1px #b7b7b7 solid;  color:#333; solid; border-right:1px #b7b7b7 solid;border-left:1px #b7b7b7 solid; }


/* button */
.btn {
	background-image:url(/images/common/bg_button.gif);
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #dedede) );
	background:-moz-linear-gradient( center top, #f7f7f7 5%, #dedede 100% );*/
	background-color:#f7f7f7;
	-webkit-border-top-left-radius:1px;
	-moz-border-radius-topleft:1px;
	border-top-left-radius:1px;
	-webkit-border-top-right-radius:1px;
	-moz-border-radius-topright:1px;
	border-top-right-radius:1px;
	-webkit-border-bottom-right-radius:1px;
	-moz-border-radius-bottomright:1px;
	border-bottom-right-radius:1px;
	-webkit-border-bottom-left-radius:1px;
	-moz-border-radius-bottomleft:1px;
	border-bottom-left-radius:1px;
	text-indent:0px;
	border:1px solid #9A9A9A;
	display:inline-block;
	color:#333;
	font-family:'Malgun Gothic', dotum;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	margin: .4em 0;
	padding: .5em 1.5em 0.6em;	/* ie padding: .4em 1.5em 0.5em; */
	cursor:pointer;
	vertical-align:middle;
}
.btn:hover {
	border-color:#767676;
	color:#333;
}
a.btn {
	margin: .4em 0;
	padding: .4em 1.5em 0.5em;
	vertical-align:middle;
}

/* paging */
.pagination {margin-top:29px; text-align:center; margin-bottom:40px;}
.pagination span a {display:inline-block; vertical-align:top;  border:1px solid #ddd; padding:8px 12px 6px 11px; margin-left:-1px; color:#666; }
.pagination span a:hover { text-decoration:none;  background:#eee;}
.pagination span a.active {color:#fff; text-decoration:none; border-color:#333; background:#333;}


/* banner */
#banner { text-align:left; width:100%; margin:0;  overflow:hidden; border-top:0px solid #9e9e9e; }
#banner a { display:block; margin:1em 0.5em;  }
	


/* footer */
#footer {  width:100%; height:100%; margin-top:30px; background-color:#f2f2f2;  }
#copyrights { width:100%; height:100%; margin:0 auto; padding:2em 0em; overflow:hidden; text-align:center; font-size:0.8em; font-family: Helvetica; color:#aaa;  }


/* modal window */

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#wrap .window {
  position:fixed;
  left:0;
  top:0;
  display:none;
  z-index:9999;
}

#dialog {
  width:80%;
  padding-bottom:3em;
  background-color:#ffffff;
  border-radius:2px;
}

#dialog-confirm {
  width:80%;
  padding-bottom:3em;
  background-color:#ffffff;
  border-radius:2px;
}

#dialog p { padding:1.5em;}
#dialog div.popup_button { width:100%; position:absolute; bottom:0; text-align:center; padding:1em 0; cursor:pointer; border-top:1px solid #48689A; }
#dialog div.popup_button:hover { color:#fff; background-color:#48689A}


#dialog-confirm p { padding:1.5em;}
#dialog-confirm div.popup_button { width:50%; position:absolute; bottom:0; text-align:center; padding:1em 0; cursor:pointer; border-top:1px solid #48689A; }
#dialog-confirm div.right { left:50%; border-left:1px solid #48689A; }
#dialog-confirm div.popup_button:hover { color:#fff; background-color:#48689A}

